   .box {
     width: 25%;
     height: 280.34px;
     padding: 0 8px;
     float: left;
    
     >div {
       border: 1px solid #eee;
       width: 100%;
       height: 100%;
       display: flex;
       flex-direction: column;

       img {
         height: 120px;
         width: 100%;
       }

       .textNode {
         height: 95.14px;
         padding: 24px;
         border-bottom: 1px solid #eee;
         line-height: 18px;

         div {
           color: #333;
           font-weight: 500;
           white-space: nowrap;
           text-overflow: ellipsis;
           font-size: 15px;
           overflow: hidden;
         }

         >div:nth-child(1) {
           height: 25.14px;
           margin-bottom: 8px;
         }

         >div:nth-child(2) {
           height: 22px;

         }
       }

       .btns {
         height: calc(100% - 120px - 95.14px);
         display: flex;
         justify-content: space-around;
         align-items: center;

         span {
           border-right: 1px solid #eee;
           padding-right: 10px;
           padding-left: 5px;
         }

         span:nth-child(5) {
           border-right: 0px solid #ccc;
         }
       }
     }
   }

   .boxSet {
     width: 50px;
     height: 30px;
     background-color: rgba(0, 0, 0, .3);
   }

   .childDrawer {
    width: 100%;
   
  
    .drawer_top {
      width: 100%;
      height: 128px;
      padding: 24px 12px;
      margin-bottom: 16px;
  
      >div:nth-child(1) {
        display: flex;
        font-size: 14px;
  
        div.onelabel {
          width: 25%;
          height: 40px;
          padding: 0 12px;
          display: flex;
          line-height: 40px;
  
          white-space: nowrap;
  
          >input {
            height: 32px;
          }
        }
  
        div.twolabel {
          line-height: 40px;
          white-space: nowrap;
          width: 25%;
          height: 40px;
          padding: 0 12px;
          display: flex;
  
          >input {
            height: 32px;
          }
        }
      }
  
      >div:nth-child(2) {
        height: 40px;
        display: flex;
        justify-content: flex-end;
  
        >button {
          margin-right: 10px;
        }
      }
    }
    


    .drawer_main {
      width: 100%;
      padding: 24px 12px;
  
      .upload {
        height: 32px;
        margin-bottom: 16px;
        display: flex;
        justify-content: flex-end;
        align-items: center;
      }
  
      .list_box_drawer {
        width: 100%;
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        cursor: pointer;
        transition: box-shadow .3s, border-color .3s;
        flex-wrap: wrap;
        width: 100%;
        height: 100%;
  
        >.box {
          width: 25%;
          height: 198.14px;
          padding: 0 8px;
          div.inset{
            width: 100%;
            height: 180.14px;
            >img {
              width: 100%;
              height: 120px;
              background: #efefef;
            }
    
            >div:nth-child(2) {
              height: 65.14px;
              padding: 24px;
              white-space: nowrap;
              text-overflow: ellipsis;
              overflow: hidden;
              border: 1px solid #eee;
            }
          }
          >div.inset:hover {
            box-shadow: 0 0 10px #000 ;
            cursor: pointer;
            transition: box-shadow .3s, border-color .3s;
          } 
          
  
  
          
        }
  
      }
  
      .drawerPagination {
        height: 32px;
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
        :global{           
          .ant-select-selector{
            width: 110px!important;
          }
        }
      }
    }
  }

.footer{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  >button{
    margin-right: 10px;
  }
}